<!-- extends表明此页面继承自 base.html 文件 -->
{% extends 'base.html' %}
{% load staticfiles %}
<!-- 写入 base.html 中定义的 title -->
{% block title %} 写文章 {% endblock title %}
<!-- 写入 base.html 中定义的 content -->
{% block content %}

<!-- 写文章表单 -->
<div class="container">
  <div class="row">
    <div class="col-12">
      <br>
      <!-- 提交文章的表单 -->
      <form method="post" action="." enctype="multipart/form-data">
        <!-- Django中需要POST数据的地方都必须有csrf_token -->
        {% csrf_token %}
        <!-- 文章标题图 -->
        <div class="form-group">
          <label for="avatar">标题图</label>
          <input type="file" class="form-control-file" id="avatar" name="avatar">
        </div>
        <!-- 文章标题 -->
        <div class="form-group">
          <!-- 标签 -->
          <label for="title">文章标题</label>
          <!-- 文本框 -->
          <input type="text" class="form-control col-3" id="title" name="title">
        </div>
         <!-- 文章栏目 -->
        <div class="form-group">
          <label for="column">栏目</label>
          <select name="column" id="column" class="form-control col-3">
            <option value="none">请选择栏目...</option>
          {% for column in columns %}
              <option value="{{ column.id }}">{{ column }}</option>
          {% endfor %}
          </select>
        </div>
        <!-- 文章标签 -->
        <div class="form-group">
          <label for="tags">标签</label>
          <input type="text" class="form-control col-3" id="tags" name="tags">
        </div>
        <!-- 文章正文 -->
        <div class="form-group">
          <label for="body">文章正文</label>
          <!-- 文本区域 -->
          <textarea type="text" name="body" id="body" cols="30" rows="12" class="form-control col-6"></textarea>
        </div>
        <!-- 提交按钮 -->
        <button class="btn btn-primary" type="submit">完成</button>
      </form>
    </div>
  </div>
</div>
{% endblock content %}